<!-- 条件渲染指令 v-show -->
 <!-- v-show隐藏时只是在样式中添加display:none;实际上自身节点还是一直存在 -->
<script setup lang="ts">
import { ref } from 'vue';
const show = ref(true)
</script>

<template>
<div>  <button @click="show =!show">点我展示/隐藏图片</button></div>
<hr>
<img v-show= show src="https://q9.itc.cn/q_70/images03/20240608/3933c5cdac524c41aa8b94e5c5099f2d.jpeg" alt="">

</template>

<style scoped>
img{
  width: 300px;
  height: 300px;
}
</style>
